<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>IEPP Test Suite</title>
		<link rel="stylesheet" href="data/inline-mixed-media.css">
		<link rel="stylesheet" href="data/inline-print-media.css">
		<link rel="stylesheet" href="data/print.css" media="print">
		<link rel="stylesheet" href="data/screen.css" media="screen, projection">
		<link rel="stylesheet" href="data/print-styles.css" media="print">
		<style>
			body {
				background: url(data/body-crash.jpg) no-repeat;
			}
		</style>
		<style>
			form {
				margin: 0;
			}
			article#inline-print {
				border: 5px solid #000;
			}
			section div article {
				border: 5px solid #000;
			}
			section[data-article="article"] {
				border: 5px solid #000;
			}
		</style>
		<style media="print">
			article#inline-print {
				border: 5px dotted #000;
			}
			section div article {
				border: 5px dotted #000;
			}
			section[data-article="article"] {
				border: 5px dotted #000;
			}
			p+article {
				text-decoration: underline;
			}
		</style>
		<script src="../src/html5shiv-printshiv.js"></script>
		
		<script src="//use.typekit.com/fbz1vwc.js"></script>
		<script>
			Typekit.load();
		</script>
	</head>
	<body id="print-body-id" class="print-body-class">
		<h1>
			Print Me in IE!
		</h1>
		<p>You should see dotted broders in print.</p>
		<article class="inline-mixed-media">
			<p>
				1. This text should be underlined in IE7+.
			</p>
		</article>
		<article class="inline-print-media">
			<form action="/test/ test">
				<div class="inside-of-form">2. inside print</div>
			</form>
		</article>
		<article class="print">
			<p>
				3. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,  sed diam non
			</p>
		</article>
		<div class="print-styles">
			<article>
				<p>
					4. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,  sed diam non
				</p>
			</article>
		</div>
		<article class="print-styles-print">
			<p>
				5. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,  sed diam non
			</p>
		</article>
		<section>
			<div data-article="article">
				<article>
					<p>
						6. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,  sed diam non
					</p>

					<section data-article="article">
						<p>
							7. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,  sed diam non
						</p>
					</section>
				</article>
			</div>
		</section>
	</body>
</html>